<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
    <link rel="stylesheet" href="css/QQ.css">
</head>
<body>
    <div class="QQ">
        <div class="qq-yinyue">
            <!-- 头部 -->
            <div class="qq-top">
                <div class="qq-top-zhong">
                    <div class="qq-top-zhong-log"></div>
                    <div class="qq-top-zhong-zhong">
                        <div class="qq-top-zhong-zhong-chan">产品动态</div>
                        <div class="qq-top-zhong-zhong-xiazai">下载</div>
                    </div>
                    <div class="qq-top-zhong-right">
                        <div class="qq-top-zhong-right-pc">PC版介绍</div>
                        <div class="qq-top-zhong-right-MAC">MAC版介绍</div>
                        <div class="qq-top-zhong-right-js">轻听介绍</div>
                    </div>
                </div>
            </div>
            <div class="qq-miao">
                <div class="qq-zhi"></div>
                <div class="qq-biao"></div>
                <div class="qq-biao-a"></div>
            </div>
            <!-- 时钟 -->
            <div class="qq-miao-pc"></div>
            <div class="qq-liji"></div>
            <div class="an">
                <div class="pc">
                    <div class="qq-ban"></div>
                    <div class="qq-MAC"></div>
                    <div class="qq-iso"></div>
                    <div class="qq-ab"></div>
                </div>
            </div>
            <!-- 流星雨 -->
            <div class="liuxing"></div>
            <div class="liuxing2"></div>
            <div class="liuxing3"></div>
            <div class="liuxing4"></div>
            <div class="liuxing5"></div>
        </div>
        <!-- 陈奕迅 -->
        <div class="chen">
            <div class="chen-a"></div>
            <div class="chen-b"></div>
            <div class="chen-c"></div>
            <div class="chen-d"></div>
            <div class="chen-e"></div>
            <div class="chen-f"></div>
            <div class="chen-g"></div>
            <div class="chen-h"></div>
            <div class="chen-shuliang"></div>
        </div>
        <!-- 相机 -->
        <div class="xiang">
            <div class="shejiao"></div>
            <div class="geci"></div>
            <div class="xiang-shouji">
                <div class="gequ">
                        <div class="gequ1"></div>
                </div>
                
            </div>
        </div>
        <div class="zhineng">
            <div class="zhinenga">
                <div class="lequ"></div>
            </div>
            <div class="q-tuijian"></div>
            <div class="q-tuijian-a"></div>
        </div>
        <div class="zhongduan">
            <div class="tongbu"></div>
            <div class="zhanghao"></div>
            <div class="xiaoshouji"></div>
            <div class="sahngbanbu"></div>
            <div class="xiaban"></div>
        </div>
    </div>
</body>
</html>
